﻿@page "/link"
@page "/docs/guides/components/link.html"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Link
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor <strong>Link</strong> component. Use <code>Path</code> and <code>Target</code> properties to specify Link component navigation.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    These demos showcase navigation links with internal application paths, external URLs, icon integration, custom child content, and disabled states using the <code>Path</code> and <code>Target</code> properties.
</RadzenText>

<RadzenText Anchor="link#link-to-path" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8">
    Link to path in application
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Create navigation links to internal application paths using the <code>Path</code> property.
</RadzenText>
<RadzenExample ComponentName="Link" Example="LinkToPath">
    <LinkToPath />
</RadzenExample>

<RadzenText Anchor="link#link-with-icon" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    Link to path in application with icon
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Add icons to links using the <code>Icon</code> property for enhanced visual cues.
</RadzenText>
<RadzenExample ComponentName="Link" Example="LinkWithIcon">
    <LinkWithIcon />
</RadzenExample>

<RadzenText Anchor="link#link-to-url" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    Link to url
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Create links to external URLs that open in the current or new browser tab/window.
</RadzenText>
<RadzenExample ComponentName="Link" Example="LinkToUrl">
    <LinkToUrl />
</RadzenExample>

<RadzenText Anchor="link#link-child-content" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    Link with child content
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Define custom child content for links to include icons, badges, or other complex markup.
</RadzenText>
<RadzenExample ComponentName="Link" Example="LinkChildContent">
    <LinkChildContent />
</RadzenExample>

<RadzenText Anchor="link#link-disabled" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    Link disabled
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Use <code>Disabled="true"</code> to disable a link and prevent navigation.
</RadzenText>
<RadzenExample ComponentName="Link" Example="LinkDisabled" >
    <LinkDisabled />
</RadzenExample>